﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestProgress.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>   
     <style type="text/css">
        .progressbar { width: 500px; height: 30px; margin: 0 auto; background: #fff; border: 1px solid #000; }
        .bar { width: 0%; height: 30px; background-color: red; }
    </style>
    <script src="Js/jquery-1.12.0.js"></script>

    <script language="javascript">
        function SetPorgressBar(pos) {
            $(".bar").css("width", pos + "%");
        }

        //完成后隐藏进度条
        function SetCompleted() {
            ProgressBarSide.style.display = "none";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">

    <div class="progressbar">
        <div class="bar">
            <br />
            <br />
            <br />
            <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
        </div>
    </div>
    </form>
</body>
</html>
